<body>
<script type="application/javascript">
  'use strict';
  // -sp-context: content
  (function () {
    class UiComponentTest extends HTMLDivElement {
      constructor() {
        super();
        this.template = `<style></style>`;
      }

      connectedCallback() {
        let shadow = this.createShadowRoot();
        if (this.template) {
          let te = document.createElement('template');
          te.innerHTML = this.template;
          shadow.appendChild(document.importNode(te.content, true));
        }
      }
    };

    customElements.define('ui-component-test', UiComponentTest, { extend: 'div'} );

    let uic = new UiComponentTest();
    document.body.appendChild(uic);

  })();
</script>
</body>
